<template> 


	<div class="order">
       <header class="header">
       	<a href="javascript:;" class="header_text">
       		<span class="header_title_text">
       			订单列表
       		</span>
       	</a>
       </header>
       <section class="order_no_login">
       	   <img src="./img/person.png">
       	   <h3>登入后查看外卖订单</h3>
       	   <button>立即登陆</button>
       </section>
	 </div> 

</template> 


<script> 


export default {

  name: '', 
  components: { } 


} 


</script>

<style lang="stylus" rel="stylesheet/stylus">
@import "../../common/stylus/mixins.sty";
.order
	width 100%
	.header
		width 100%
		background-color #02A774
		height 45px
		text-align center
		line-height 45px
		.header_text
			.header_title_text
				color #fff
				font-size 20px
	.order_no_login
		padding-top 140px
		margin 0 auto
		text-align center
		width 60%
		>img
			width 100%
			height 30%
			display block
		>h3
			font-size 20px
			color #6a6a6a
			padding 10px 0
		>button
			border 0
			outline none
			color #fff
			border-radius 5px
			padding 10px 20px
			background #02a774		
			font-size 14px
			display inline-block
	




	


</style>